/** 通用滚动条样式*/
.el-table__body-wrapper::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.el-table__body-wrapper::-webkit-scrollbar-thumb {
  background-color: rgb(122, 122, 122);
  border-radius: 8px;
  cursor: pointer;
}

.el-table__body-wrapper::-webkit-scrollbar-thumb:hover {
  background-color: rgb(122, 122, 122);
  border-radius: 8px;
  cursor: pointer;
}

.el-table__body-wrapper::-webkit-scrollbar-thumb:active {
  background-color: #5c5a5a;
  border-radius: 8px;
  cursor: pointer;
}

.el-scrollbar__wrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.el-main {
  padding: 0px 0px 0px 10px;
}

#el-custom-form-main {
  padding: 0px 0px 0px 10px;

  .flow-workbench-icon-div {
    margin: 10px;
    float: left;

    .flow-workbench-icon {
      width: 3.9em;
      height: 3.9em;
      vertical-align: -0.15em;
      fill: currentColor;
      overflow: hidden;
    }

    .flow-workbench-icon-checked {
      width: 16px;
      height: 16px;
      float: left;
      margin-left: -17px;
      margin-top: -7px;
      margin-right: 2px;
    }
  }
  .form-container{
    border: #e4e7ed 1px solid;
    border-radius: 2px;
    padding: 15px;
    height: calc(100vh - 150px);
  }
}
.el-form-item__content{
  .handle-box{
    margin-bottom: 10px;
  }
}
.flow-workbench-icon-checked-text {
  margin-top: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 60px;
}

.custom-el-main {
  .el-flowcenter-container {
    margin: 0px;
  }

  .el-aside-scrollbar {
    height: calc(100vh - 110px); 
    background-color: #fff;
    .el-tree { 
      padding: 15px; 
    }
  }

  margin: 15px;

  .el-row {
    margin-bottom: 0px;
  }

  .flow-workbench-icon-main {
    height: 230px;
    padding: 0px;
    padding: 0 0 0 -5px;

    .flow-workbench-icon-div {
      margin: 10px;
      float: left;

      .flow-workbench-icon {
        width: 3.9em;
        height: 3.9em;
        vertical-align: -0.15em;
        fill: currentColor;
        overflow: hidden;
      }

    }
  }

  .el-main {
    padding: 0px 0px 0px 0px;

    .el-custom-container {
      margin: 0px 0px 0px 15px;
      height: calc(100vh - 110px);

      .el-table-custom-body {
        .el-radio__label {
          display: none;
        }

        margin: 15px;
      }

      .div_pagination {
        margin: 10px;
        text-align: right;
      }
    }
    .el-custom-table-container { 
      height: calc(100vh - 110px);

      .el-table-custom-body {
        .el-radio__label {
          display: none;
        }

        margin: 15px;
      }

      .div_pagination {
        margin: 10px;
        text-align: right;
      }
    }
    .el-custom-table-container-menu { 
      height: calc(100vh - 135px);

      .el-table-custom-body {
        .el-radio__label {
          display: none;
        }

        margin: 15px;
      }

      .div_pagination {
        margin: 10px;
        text-align: right;
      }
    }
    .container {
      padding: 0;
      overflow: auto;
      background: #fff;

      .handle-box {
        margin: 15px;
      }

      .el-card-title {
        margin: 15px;
        border-radius: 0px;

        .el-card {
          border-radius: 0px;
        }

        .el-card__body {
          padding: 15px;

          .el-tabs {
            .el-tab-pane {
              height: calc(100vh - 255px);
            }

            .el-tabs__header {
              margin: 0;
            }
          }
        }

        .el-button [class*=el-icon-]+span {
          margin-left: 1px;
        }
      }
    }
  }



  .el-tabs-card {
    margin-bottom: 10px;
  }

  .el-field-container {
    padding: 15px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
  }

  .el-card__header {
    padding: 0px 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 0px solid #EBEEF5;

    .card-header {
      padding: 8px 15px;
      font-size: 14px;
      color: #66b1ff;
      vertical-align: middle;
      border-bottom: 1px solid #EBEEF5;

      .el-field-area-columens {
        float: right;
        margin-top: -4px;
        margin-left: 5px;
      }

      .el-field-area-title-text {
        font-weight: bolder;
        color: #909399;
      }

      .el-field-area-tag {
        margin-top: 5p;
      }
    }

    .card-title-header {
      padding: 10px 15px;
      font-size: 14px;
      color: #66b1ff;
      vertical-align: middle;
      border-bottom: 1px solid #EBEEF5;

      .el-field-area-columens {
        float: right;
        margin-top: -4px;
        margin-left: 5px;
      }

      .el-field-area-title-text {
        font-weight: bolder;
      }

      .el-field-title-close {
        float: right;
        margin-top: -6px;
        margin-left: 8px;
      }

      .el-field-title-buttons {
        float: right;
        margin-top: -4px;
        width: auto;
      }
    }

    .card-header-danger {
      padding: 8px 15px;
      font-size: 14px;
      color: #F56C6C;
      vertical-align: middle;
      border-bottom: 1px dashed #F56C6C;

      .el-field-area-tag {
        margin-top: 5p;
      }
    }

    .el-field-area-close {
      float: right;
      margin-top: -10px;
      margin-left: 5px;
    }

    .el-field-area-close-danger {
      color: #F56C6C;
      float: right;
      margin-top: -10px;
      margin-left: 5px;
    }
  }

  .el-table-body-areas {

    .el-input.is-disabled .el-input__inner {
      background-color: #F5F7FA;
      border-color: #E4E7ED;
      color: #898a8d;
      cursor: not-allowed;
    }

    .el-textarea.is-disabled .el-textarea__inner {
      background-color: #F5F7FA;
      border-color: #E4E7ED;
      color: #898a8d;
      cursor: not-allowed;
    }

    .el-textarea {
      position: relative;
      display: inline-block;
      width: 94%;
      vertical-align: bottom;
      font-size: 12px;
    }

    .el-date-editor.el-input,
    .el-date-editor.el-input__inner {
      width: 160px;
    }

    .el-table--enable-row-transition .el-table__body td {
      vertical-align: top;
    }

    .el-feild-table-fields-item {
      .el-field-fields-close-danger {
        color: #F56C6C;
      }
    }

    .el-feild-table-fields-delete-item {
      .el-form-item__label {
        text-align: right;
        vertical-align: middle;
        float: left;
        font-size: 14px;
        color: #F56C6C;
        padding: 0 12px 0 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
      }

      .el-field-fields-close-danger {
        color: #F56C6C;
      }

      .el-input {
        .el-input__inner {
          border: 1px dashed #F56C6C;
        }
      }

      .el-avatar {
        border: 1px dashed #F56C6C;
      }

      .el-textarea {
        .el-textarea__inner {
          border: 1px dashed #F56C6C;
        }
      }

      .el-feild-fields-item {
        .el-field-fields-close-danger {
          color: #F56C6C;
        }
      }


      .el-checkbox.is-bordered.is-checked {
        border: 1px dashed #F56C6C;
        color: #F56C6C;

        .el-checkbox__label {
          color: #F56C6C;
        }

        .el-checkbox__inner {
          color: #F56C6C;
          background-color: #F56C6C;
          border-color: #F56C6C;
        }
      }

      .el-checkbox.is-bordered {
        border: 1px dashed #F56C6C;
        color: #F56C6C;

        .el-checkbox__label {
          color: #F56C6C;
        }

        .el-checkbox__inner {
          color: #F56C6C;
          border-color: #F56C6C;
        }
      }
    }

  }

  .el-feild-fields-delete-item {
    .el-form-item__label {
      text-align: right;
      vertical-align: middle;
      float: left;
      font-size: 14px;
      color: #F56C6C;
      padding: 0 12px 0 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
    }

    .el-field-fields-close-danger {
      color: #F56C6C;
    }

    .el-input {
      .el-input__inner {
        border: 1px dashed #F56C6C;
      }
    }

    .el-avatar {
      border: 1px dashed #F56C6C;
    }

    .el-textarea {
      .el-textarea__inner {
        border: 1px dashed #F56C6C;
      }
    }

    .el-feild-fields-item {
      .el-field-fields-close-danger {
        color: #F56C6C;
      }
    }


    .el-checkbox.is-bordered.is-checked {
      border: 1px dashed #F56C6C;
      color: #F56C6C;

      .el-checkbox__label {
        color: #F56C6C;
      }

      .el-checkbox__inner {
        color: #F56C6C;
        background-color: #F56C6C;
        border-color: #F56C6C;
      }
    }

    .el-checkbox.is-bordered {
      border: 1px dashed #F56C6C;
      color: #F56C6C;

      .el-checkbox__label {
        color: #F56C6C;
      }

      .el-checkbox__inner {
        color: #F56C6C;
        border-color: #F56C6C;
      }
    }
  }

  .el-field-table-close-danger {
    color: #F56C6C;
    margin: 0 10px 0 0;
  }

  .el-field-table-close {
    margin: 0 10px 0 0;
  }

  .el-field-span-text {
    font-size: 14px;
    margin-right: 10px
  }

  .box-card {
    margin-bottom: 15px;

    .el-field-area-content {
      color: #909399;
      font-size: 14px;
    }

    .el-field-area-content-danger {
      color: #F56C6C;
      font-size: 14px;
    }
  }

  .box-card-danger {
    margin-bottom: 15px;
    border: 1px #F56C6C dashed;
    border-radius: 5px;

    .el-field-area-content {
      color: #909399;
      font-size: 14px;
    }

    .el-field-area-content-danger {
      color: #F56C6C;
      font-size: 14px;
    }
  }

  .el-slected-editor-disabled {
    .el-select .el-select__tags .el-tag .el-icon-close {
      background-color: #C0C4CC;
      right: -7px;
      top: 0;
      color: #FFF;
      display: none;
    }
  }
}

.custom-el-home-main {
  .el-main {
    padding: 0px 0px 0px 5px;
  }

}

.mgt15 {
  margin-top: 15px;
}

.el-submenu__title {
  .el-icon-arrow-down {
    color: #fffffb;
  }
}